@charset "UTF-8";
.fl {
    float: left;
}

.fr {
    float: right;
}

ul,
li {
    list-style: none;
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 270px 0 180px;
    text-align: center;
    color: #fff;
    background: url(../img/intro_banner.png) no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.introductionaSecond  .container{
    width:100%;
}
.intro p {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    margin-top: -90px;
}

.intro .txt {
    font-size: 20px;
    padding-top: 80px;
    line-height: 40px;
}

.introductionFirst {
    position: relative;
    z-index: 10;
}

.slogonPic img {
    width: 100%;
    height: 100%;
}

.introduction .leftTxt {
    margin-top: 100px;
}

.introduction .leftTxt .titleP {
    font-size: 30px;
    color: #ff6600;
    text-align: left;
}

.introduction .leftTxt .descTxt {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 30px;
    text-align: justify;
    margin-top: 10px;
}

.introductionFirst {
    margin-top: 158px;
}

.introductionFirst .leftTxt {
    margin-top: 70px;
}

.introductionaSecond {
    margin-top: -127px;
    background: #3ca1e9;
    position: relative;
}

.introductionaSecond .leftTxt {
    padding-bottom: 100px;
    margin-top: -120px;
}

.introductionaSecond .leftTxt .titleP,
.introductionaSecond .leftTxt .descTxt {
    color: #fff;
}

.introductionaSecond .slogonPic {
    position: absolute;
    right: 3%;
    top: 260px;
}

.introductionaThird {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0 180px;
    text-align: center;
    color: #fff;
    background: url(../img/intro-pic1.png) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-top: 230px;
    border-top: 10px solid #c2e1f7;
}

.introductionaThird p {
    font-size: 30px;
}

.introductionaThird .txt {
    font-size: 16px;
    text-align: left;
    color: #ffffff;
    line-height: 40px;
    margin-top: 30px;
}

@media (max-width: 769px) {
    .intro {
        padding: 120px 0 100px;
    }
    .intro p,
    .introductionaThird p {
        font-size: 26px;
        margin-top: 0;
    }
    .intro .txt,
    .introductionaThird .txt {
        font-size: 14px;
        padding-top: 40px;
    }
    .introductionFirst .leftTxt {
        transform: translateY(-470px);
        margin-left: 8%;
    }
    .introductionaSecond .leftTxt,
    .introductionaThird .txt {
        margin-left: 8%;
    }
    .introductionFirst .slogonPic {
        transform: translateY(110px);
    }
    .introduction .leftTxt .titleP {
        font-size: 20px;
    }
    .introduction .leftTxt .descTxt {
        font-size: 14px;
        line-height: 25px;
        margin-top: 30px;
    }
    .introductionFirst .slogonPic {
        overflow: hidden;
    }
    .introductionFirst .slogonPic img {
        transform: translateX(130px);
        height: 279px;
        width: auto;
    }
    .introductionaSecond .slogonPic {
        transform: translateY(200px);
        overflow: hidden;
    }
    .introductionaSecond .slogonPic img {
        transform: translateX(-150px);
        height: 242px;
        width: auto;
    }
    .introductionaThird {
        padding: 40px 0;
        border: none;
    }
    .copyRight {
        font-size: 14px;
        padding: 20px 0;
    }
    .secondP {
        display: none;
    }
    .intro .txt {
        text-indent: 2em;
        text-align: left;
        width: 95%;
        margin: 0 auto;
        line-height: 32px;
        font-size: 16px;
    }
    .introductionaSecond {
        margin-top: -323px;
    }
    .introductionaSecond .leftTxt {
        margin-top: -171px;
    }
    .introductionaThird .bannerTxt {
        width: 96%;
        margin: 0 auto;
    }
    .introductionaThird .bannerTxt .txt {
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    .introductionaSecond .leftTxt {
        margin-top: 210px;
        width: 38%;
    }
    .introductionaSecond .slogonPic {
        top: 382px;
    }
}


/* @media (min-width: 1300px) {
    .slogonPic{
        width:850px;
    }
    .slogonPic img{
        width:800px;
    }
    .introduction .leftTxt{
        width:600px;
    }
} */

@media (min-width: 1900px) {
    .container {
        width: 100%;
    }
    .introductionForth .leftTxt {
        margin-top: 80px;
    }
    .intro {
        height: 1001px;
    }
    .intro {
        height: 830px;
    }
    .intro p {
        margin-top: 67px;
    }
    .intro .txt {
        width: 1083px;
        font-size: 20px;
        color: #ffffff;
        line-height: 41px;
        text-align: center;
        margin: 0 auto;
    }
    .slogonPic img {
        width: 1000px;
    }
    .introduction .leftTxt .descTxt {
        font-size: 16px;
        color: #4a4a4a;
        line-height: 40px;
        text-align: justify;
    }
    .introductionFirst {
        margin-top: 130px;
    }
    .introduction .leftTxt .titleP {
        font-size: 30px;
        color: #ff6600;
        text-align: left;
    }
    .introductionaSecond {
        margin-top: -119px;
    }
    .introductionaSecond .leftTxt .titleP,
    .introductionaSecond .leftTxt .descTxt {
        color: #fff;
        text-align: left;
    }
    .introductionaSecond .slogonPic {
        top: 310px;
        right: 6%;
        height: 100%;
    }
    .introductionaThird {
        margin-top: 335px;
    }
    .introductionaThird .txt {
        width: 1186px;
        margin: 0 auto;
    }
    .introductionaThird p {
        margin: 25px 0 30px;
    }
    .introductionaThird .txt {
        font-size: 16px;
        line-height: 40px;
    }
    .slogonPic img {
        width: 1000px;
        height: 636px;
    }
    .introductionFirst .slogonPic {
        width: 1000px;
        margin-left: 115px;
    }
    .introductionFirst .leftTxt {
        margin-left: 80px;
        text-align: left;
    }
    .introductionaSecond .leftTxt .descTxt {
        width: 79%;
    }
}